.Detailcontext{
    width:720px;
    height:2000px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top:10px;
    .Header-content{
        width:100%;
        height:50px;
        background:#fff;
        border-bottom:1px solid #cecece;
        div{
            float: left;
            width:72px;
            height:100%;
            line-height: 50px;
            text-align: center;
            cursor: pointer;
          
            span{
                font-size: 16px;
            }
        }
        div:hover{
              border-bottom:2px solid blue;
        }
    }
    .book-content{
        background:#fff;
        padding: 30px 30px 0;
        .book-content-detail{
          
            .book-content-detail-number{ 
                 cursor: pointer;
                width:100%;
                height:70px;
                p{
                    float:left
                }
                .detail-number{
                    width:45px;
                    height:45px;
                    font-size:18px;
                    line-height: 45px;
                    text-align: center;
                    border:3px solid #cecece;
                    border-radius: 50%;
                }
                .line{
                    // display:block;
                    width:2px;
                    height:27px;
                    border:1px solid #cecece;
                    position: relative;
                    left:-23px;
                    top:43px;
                   
                }
                .book-content-detail-detail{
                    margin-left:60px;
                    p{
                        float:none;
                        span{
                            margin-right:12px;
                            font-size:12p;
                            color:#b2bac2;
                        }
                    }
                }
            }
        }
        .book-content-detail-number:hover{
            background:#f5f4f4;
        }
        // .book-content-detail::after{
          
        //     position: absolute;
        //     left: 53px;
        //     top:190px;
        //     transform: translateX(-50%);
        //     width: 2px;
        //     background-color: #b5b7ba;
        //     height: 64.5%;
        //     content: "";
        // }
        .book-content-bottom{
            .book-content-img{
            width:660px;
            height:212px;
            img{
                width:100%;
                height:100%
            }
            
        }
        p{
                margin-top:22px;
                margin-bottom:22px;
                display: block;
                margin-block-start: 1em;
                margin-block-end: 1em;
                margin-inline-start: 0px;
                margin-inline-end: 0px;
                word-break: break-word;
                line-height: 1.75;
                font-weight: 400;
                font-size: 15px;
            }
            ul{
                text-decoration: alpha($color: #000000);
                text-decoration-style: dotted;
                li{
                   
                    line-height: 2.75;
                    font-weight: 400;
                   
                    span{
                        background:#000;
                        display:inline-block;
                        margin-right:10px;
                        width:7px;
                        height:7px;
                        border: 1px solid #cecece;
                        border-radius: 50%;
                    }
                    b{
                        display:inline-block;
                        font-weight: 400;
                    }
                }
            }
            ol{
                li{
                    line-height: 2.75;
                    font-weight: 400;
                }
            }
            h2{
                padding-bottom: 12px;
                font-size: 24px;
                border-bottom: 1px solid #cecece;
                color: rgb(51, 51, 51);
                line-height: 1.5;
                margin-top: 35px;
                margin-bottom: 10px;
            }
            .book-content-writer{
                width:660px;
                height:208px;
                img{
                    width:100%;
                    height:100%
                }
            }
           
        }
        
    } .book-bottom-content{
                width:100%;
                height:19px;
                text-align: center;
                line-height: 19px;
                margin-left: auto;
                margin-right: auto;
                margin-top:30px;
                margin-bottom:30px;
            }

    .book-content-title{
        position: relative;
        font-weight: 700;
        margin-bottom: 20px;
        color: #333;
        padding-bottom: 12px;
        font-size: 24px;
        height:48px;
        line-height: 36px;
        border-bottom: 1px solid #cccccc;
       
    }
}